// meto风css3按钮
.ui-buttonBox{
	li{
		float:left;
		margin-right:5px;
	}
}

.w8-button {
  position:relative;
  font-family:@baseFontYahei;
  display:table;
  padding:4px 10px;
  border:none;
  font-size:14px;
  font-weight:bold;
  cursor:pointer;
  color:#ffffff;
  .opacity(90);
  .transition(0.3s ease-in-out 0s);
}
.w8-icon {
  position:relative;
  font-family:@baseFontYahei;
  display:table;
  padding:7px;
  border:none;
  color:#ffffff;
  cursor:pointer;
  .opacity(90);
  .square(48px);
  .transition(0.3s ease-in-out 0s);
  i{
	font-size:24px;
  }
}
.w8-button:hover, .w8-icon:hover {
  .opacity(100);
}
.w8-button:active, .w8-icon:active {
  color:white !important;
  .box-shadow(inset 0 1px 4px rgba(0,0,0,.4));
  top:1px;
  *background-color:#191919 ;
  _background-color:#191919 ;
}
.w8-button.red, .w8-icon.red {
  background-color:#d9522c;
}
.w8-button.green, .w8-icon.green {
  background-color:#009900;
}
.w8-button.pink, .w8-icon.pink {
  background-color:#ae193e;
}
.w8-button.d-blue, .w8-icon.d-blue {
  background-color:#0099ab;
}
.w8-button.yellow, .w8-icon.yellow {
  background-color:#fba919;
}
.w8-button.l-blue, .w8-icon.l-blue {
  background-color:#2d87ef;
}
.w8-button.violet, .w8-icon.violet {
  background-color:#5b39b6;
}
.w8-button.grey, .w8-icon.grey {
  background-color:#474747;
}